@using Yozeev.Web.Portal.Startup.Navigation
@{
    ViewBag.CurrentPageName = PortalNavPageNames.Soon;

}



@section Styles
{
    @* Soon页面样式 *@
    <environment include="Development">
        <!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->

        <link href="~/canvas/rs-plugin/css/layers.css" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/css/navigation.css" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/css/settings.css" media="screen" rel="stylesheet" asp-append-version="true" />
        <!-- ADD-ONS CSS FILES -->
        <link href="~/canvas/rs-plugin/addons/revolution.addon.particles.css" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/addons/typewriter.css" rel="stylesheet" asp-append-version="true" />

        <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

        <link href="~/pages/soon/index.css" rel="stylesheet" asp-append-version="true" />
     </environment>
    <environment exclude="Development">
        <link href="~/canvas/rs-plugin/css/layers.css" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/css/navigation.css" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/css/settings.css" media="screen" rel="stylesheet" asp-append-version="true" />
        <link href="~/canvas/rs-plugin/addons/addons.min.css" rel="stylesheet" />
        @*portal-rs-plugin-global-layout.min*@
        <link href="~/pages/soon/index.min.css" rel="stylesheet" />
        
        


    </environment>
    

}




<!-- Slider
    ============================================= -->
<section id="slider" class="slider-element revslider-wrap clearfix">

    <div id="welcome_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="techco-header1" data-source="gallery" style="background:#000000;padding:0px;">
        @*START REVOLUTION SLIDER 5.4.5.2 fullscreen mode*@
        <div id="welcome" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.5.2">
            <ul>
                <!-- SLIDE  -->
                <li data-index="rs-240" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="~/canvas/rs-plugin/images/hello-world.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgparallax="4" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    <!-- BACKGROUND VIDEO LAYER -->
                    <div class="rs-background-video-layer"
                         data-forcerewind="on"
                         data-volume="mute"
                         data-videowidth="100%"
                         data-videoheight="100%"
                         data-videomp4="/canvas/rs-plugin/videos/hello-world.mp4"
                         data-videopreload="auto"
                         data-videoloop="loop"
                         data-forceCover="1"
                         data-aspectratio="16:9"
                         data-autoplay="true"
                         data-autoplayonlyfirsttime="false"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-shape tp-shapewrapper "
                         id="slide-240-layer-7"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-width="full"
                         data-height="full"
                         data-whitespace="nowrap"
                         data-type="shape"
                         data-basealign="slide"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         data-blendmode="hard-light"
                         style="z-index: 5;font-family:Open Sans;background:linear-gradient(90deg, rgba(41,112,255,0.75) 0%, rgba(46,216,163,0.75) 100%);"></div>

                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption    tc-gradient"
                         id="slide-240-layer-10"
                         data-x="['left','left','left','left']" data-hoffset="['40','40','30','25']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-103','-102','-123','-152']"
                         data-fontsize="['80','70','60','50']"
                         data-lineheight="['80','70','60','50']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"delay":490,"speed":1500,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Source Sans Pro;"><i class="fa-icon-codepen"></i></div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption  "
                         id="slide-240-layer-1"
                         data-x="['left','left','left','left']" data-hoffset="['120','120','100','80']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-100','-100','-120','-150']"
                         data-fontsize="['90','80','70','60']"
                         data-lineheight="['90','80','70','60']"
                         data-fontweight="['900','600','600','600']"
                         data-letterspacing="['-5','-5','-5','-3']"
                         data-width="['640','480','320','260']"
                         data-height="none"
                         data-whitespace="['normal','nowrap','normal','normal']"
                         data-type="text"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[10,10,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 7; min-width: 260px; max-width: 260px; white-space: normal; font-size: 90px; line-height: 90px; font-weight: 900; color: rgba(255,255,255,1); letter-spacing: -5px;">功能开发中!</div>

                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption  "
                         id="slide-240-layer-2"
                         data-x="['left','left','left','left']" data-hoffset="['120','120','100','80']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['50','40','0','-60']"
                         data-fontsize="['26','23','20','17']"
                         data-lineheight="['35','30','25','22']"
                         data-width="['640','481','320','260']"
                         data-height="none"
                         data-whitespace="normal"
                         data-type="text"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"delay":800,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 8; min-width: 640px; max-width: 640px; white-space: normal; font-size: 26px; line-height: 35px; font-weight: 400; color: #ffffff; letter-spacing: px; font-family: Source Sans Pro;">
                        关注微信公众号:<strong>角落的白板报</strong> ，及时了解最新消息

                        <br />意见和建议加群交流:<br/><a target="_blank"
                                                                href="https://jq.qq.com/?_wv=1027&k=51IUXwf">
                            【52ABP .NET CORE 实战群】                        </a>
                        
                                             <br />
                        <a target="_blank"
                                       href="http://shang.qq.com/wpa/qunwpa?idkey=3f301fa3101d3201c391aba77803b523fcc53e59d0c68e6eeb9a79336c366d92">
                            【ABP代码生成器交流群】                        </a>
                    </div>

                    <!-- LAYER NR. 5 -->
                    <a class="tp-caption rev-btn   tc-btnshadow tp-rs-menulink"
                       href="https://jq.qq.com/?_wv=1027&k=51IUXwf" target="_blank" id="slide-240-layer-12"
                       data-x="['left','left','left','left']" data-hoffset="['120','120','100','80']"
                       data-y="['middle','middle','middle','middle']" data-voffset="['150','140','90','20']"
                       data-width="none"
                       data-height="none"
                       data-whitespace="nowrap"
                       data-type="button"
                       data-actions=''
                       data-responsive_offset="off"
                       data-responsive="off"
                       data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);bg:rgb(41,194,146);"}]'
                       data-textAlign="['inherit','inherit','inherit','inherit']"
                       data-paddingtop="[0,0,0,0]"
                       data-paddingright="[20,20,20,20]"
                       data-paddingbottom="[0,0,0,0]"
                       data-paddingleft="[20,20,20,20]"
                       style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 600; color: rgba(255, 255, 255, 1); letter-spacing: px; font-family: Source Sans Pro; background-color: rgb(46, 216, 163); border-radius: 3px 3px 3px 3px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; text-decoration: none;">

                         <i class="fa-icon-file-text-o" style="font-size: 17px; margin-right: 5px;"></i>点我加群
                    </a>
                     <!-- LAYER NR. 6 -->
                    <div class="tp-caption   tp-svg-layer"
                         id="slide-240-layer-4"
                         data-x="['center','center','right','right']" data-hoffset="['0','0','40','30']"
                         data-y="['bottom','bottom','bottom','bottom']" data-voffset="['40','40','30','30']"
                         data-width="50"
                         data-height="50"
                         data-whitespace="nowrap"
                         data-type="svg"
                         data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":"1000","ease":"Power1.easeInOut"}]'
                         data-svg_src="/canvas/rs-plugin/images/ic_keyboard_arrow_down_24px.svg"
                         data-svg_idle="sc:transparent;sw:0;sda:0;sdo:0;"
                         data-svg_hover="sc:transparent;sw:0;sda:0;sdo:0;"
                         data-basealign="slide"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"delay":1500,"speed":1000,"frame":"0","from":"y:bottom;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(46,216,163);bc:rgb(46,216,163);"}]'
                         data-textAlign="['center','center','center','center']"
                         data-paddingtop="[7,7,7,7]"
                         data-paddingright="[5,5,5,5]"
                         data-paddingbottom="[5,5,5,5]"
                         data-paddingleft="[5,5,5,5]"
                         style="z-index: 10; min-width: 50px; max-width: 50px; max-width: 50px; max-width: 50px; color: #ffffff;font-family:Open Sans;border-color:rgb(255,255,255);border-style:solid;border-width:2px 2px 2px 2px;border-radius:40px 40px 40px 40px;cursor:pointer;"></div>

                    <!-- LAYER NR. 7 -->
                    <a class="tp-caption rev-btn   tc-btnshadow"
                       href="@Url.Action("Index")" target="_blank" id="slide-240-layer-13"
                       data-x="['left','left','left','left']" data-hoffset="['350','350','100','80']"
                       data-y="['middle','middle','middle','middle']" data-voffset="['150','140','150','80']"
                       data-width="none"
                       data-height="none"
                       data-whitespace="nowrap"
                       data-type="button"
                       data-actions=''
                       data-responsive_offset="off"
                       data-responsive="off"
                       data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"150","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);bg:rgb(37,101,229);"}]'
                       data-textAlign="['inherit','inherit','inherit','inherit']"
                       data-paddingtop="[0,0,0,0]"
                       data-paddingright="[20,20,20,20]"
                       data-paddingbottom="[0,0,0,0]"
                       data-paddingleft="[20,20,20,20]"
                       style="z-index: 11; white-space: nowrap; font-size: 17px; line-height: 50px; font-weight: 600; color: rgba(255, 255, 255, 1); letter-spacing: px; font-family: Source Sans Pro; background-color: rgb(41, 112, 255); border-radius: 3px 3px 3px 3px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; text-decoration: none;">
                        <i class="fa-icon-cloud-download" style="font-size: 17px; margin-right: 5px;"></i>返回首页
                    </a>
                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
        </div>
    </div><!-- END REVOLUTION SLIDER -->

</section>






 


@section Scripts
    {
        
    <environment include="Development">
        
        @*SLIDER REVOLUTION 5.x SCRIPTS*@
        <script src="~/canvas/rs-plugin/js/jquery.themepunch.tools.min.js" asp-append-version="true"></script>
        <script src="~/canvas/rs-plugin/js/jquery.themepunch.revolution.min.js" asp-append-version="true"></script>

        <!-- SLIDER REVOLUTION ADDONS  -->
        <script src="~/canvas/rs-plugin/js/addons/revolution.addon.particles.min.js"></script>
        <script src="~/canvas/rs-plugin/js/addons/revolution.addon.typewriter.min.js"></script>


        <!-- SLIDER REVOLUTION EXTENSIONS  -->


        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>

        <!-- ADD-ONS JS FILES -->

        <script src="~/pages/soon/index.js"></script>


    </environment>
    
    <environment exclude="Development">
        <script src="~/canvas/rs-plugin/js/jquery.themepunch.tools.min.js" asp-append-version="true"></script>
        <script src="~/canvas/rs-plugin/js/jquery.themepunch.revolution.min.js" asp-append-version="true"></script>
        <!-- SLIDER REVOLUTION ADDONS  -->
        <script src="~/canvas/rs-plugin/js/addons/revolution.addon.particles.min.js"></script>
        <script src="~/canvas/rs-plugin/js/addons/revolution.addon.typewriter.min.js"></script>


        <!-- SLIDER REVOLUTION EXTENSIONS  -->


        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script src="~/canvas/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>

        <!-- ADD-ONS JS FILES -->
        <script src="~/pages/soon/index.es5.min.js"></script>
    </environment>

 
}
